{% extends 'base_with_top_menu.html' %}

{% block title %}Costcenter's details{% endblock %}

{% block header %}Costcenter's details{% endblock %}

{% block content %}

<div class="costcenter_one">
  <div class="inner_menu">
    <ul>
      {%if is_displaying and perms.baseapp.change_costcenter%}<li><a href="{% url costcenter_edit costcenter.id %}">Edit this costcenter</a> </li>{% endif %}
      <li><a href="{% url costcenter_all %}">Show all costcenters</a> </li>
      {%if is_displaying and perms.baseapp.add_costcenter%}<li><a href="{% url costcenter_add %}">Add another costcenter</a> </li>{% endif %}
      {%if is_updating%}<li><a href="{% url costcenter_one costcenter.id %}">Show this costcenter</a></li>{% endif %}
    </ul>
  </div>

    {% if not is_adding %}
    <div class="costcenter_info item_info">
      <ul class="details">
        <li><span class="label">Name:</span> {{costcenter.name}}</li>
      </ul>
    </div>
    {% endif %}


    {% if perms.baseapp.add_costcenter and form %}
      {% if display_tips %}
        <div class="tip" >
          <p>When you add or update an costcenter, you can add duplicate by mistake. On list below you will find costcenters'
            names which closely match to your input. If you find your input on the list, this means you tried to insert
            a duplicate.
          </p>
        </div>
      {% endif %}
    <div class="form_costcenterWrapper form_itemWrapper">
      <center>
        <form method="POST" action="." name="Fcostcenter">
            {{ form.non_field_errors }}
            <table>
                {% for field in form %}
                    <tr>
                        <td>{{ field.label_tag }}:
                          <br />
                          {{ field }}
                          {{ field.errors }}
                        </td>
                        <td style="vertical-align:bottom;">
                          <input type="submit" name="btn_propositions" value="Check">
                        </td>
                    </tr>
                {% endfor %}
                {% if propositions %}
                    <tr>
                      <td>
                        <div class="propositions">
                          <h3>List of closest matching costcenters</h3>
                          <ul>
                            {{ propositions|unordered_list }}
                          </ul>
                        </div>
                      </td>
                    </tr>
                {% endif %}
                <tr>
                    <td></td>
                    <td>
                    {% if propositions %}
                      {% if is_adding %}  <input type="submit" name="btn_add"    value="Not on the list, add new one">    {%endif%}
                      {% if is_updating %}<input type="submit" name="btn_update" value="Update costcenter"> {%endif%}
                    {% endif %}
                    </td>
                </tr>
            </table>
        </form>
        <script type="text/javascript"> 
            document.Fcostcenter.id_name.focus();
        </script>
      </center>
    </div>
    {% endif %}

</div>    
{% endblock %}
